.registration-record-container {
  .registration-record-ul {
    max-height: 600px;
    overflow: auto;
    .registration-record-li {
      min-height: 95px;
      padding: 0 24px;
      border-radius: 8px;
      background: #fafafa;
      margin-bottom: 24px;
      &:last-child {
        margin-bottom: 0;
      }
      .base-info {
        .info-logo {
          width: 40px;
          height: 40px;
          border-radius: 4px;
          display: block;
          margin-right: 16px;
        }
        .info-desc {
          .info-name {
            color: #111111;
            font-size: 16px;
            font-weight: 500;
            margin-bottom: 8px;
          }
          .info-time {
            color: #7285a0;
            font-size: 12px;
            font-weight: 400;
          }
        }
      }
      .action-ctn {
        .status {
          margin-right: 40px;
          .status-text {
            color: #ff4520;
            font-family: 'PingFang SC';
            font-size: 16px;
            font-weight: 400;
            margin-bottom: 8px;
            &.active {
              color: #0da429;
              margin-bottom: 0;
            }
          }
          .status-tips {
            color: #7285a0;
            font-family: 'PingFang SC';
            font-size: 12px;
            font-weight: 400;
            .tips {
              display: inline-block;
              margin-right: 6px;
            }
          }
        }
        .btn {
          min-width: 112px;
          height: 32px;
          padding: 10px 16px;
          border-radius: 6px;
          background: #2785ff;
          color: #ffffff;
          font-size: 12px;
          font-weight: 400;
        }
      }
    }
  }
}
